@charset "utf-8";
body{font-family:"Microsoft Yahei","Arial";}
.en{font-family: "Arial";line-height: 37px}
#header{height: 40px;width:100%;background-color: #333333;}
.header{width: 1226px;margin:0 auto;position: relative;height: 40px;}
/*左侧导航*/
.header_nav{}
.header_nav li{float: left;font-size: 12px;color: #3b4040;line-height: 40px;}
.header_nav li a{color: #b0b0b0;margin: auto 6px;}
.header_nav li a:hover{color: #ffffff;}
.header_nav li:first-child a{margin-left: 0}

/*右侧购物车*/
.header_shop{color: #b0b0b0;background-color: #424242;width: 120px;padding-left: 16px;box-sizing: border-box;line-height: 39px;}
.header_shop .shop_icon{display:inline-block;height: 40px;width: 24px;float:left;background-image: url("../images/shop_icon1.png");}
.header_shop:hover{color: #ff6700;background-color: #ffffff;}
.header_shop:hover .shop_icon{background-image: url("../images/shop_icon2.png")}
.header_shop:hover .shop_updown{height: 97px;transition: 0.5s;}
.shop_updown{width: 316px;height: 0;position: absolute;right: 0px;top:40px;background-color: #ffffff;box-shadow: 0 5px 5px #ccc;z-index: 1000;transition: 0.5s;overflow: hidden;}
.shop_updown p{line-height: 100px;text-align: center;color: #333;}
/*右侧登录注册*/
.header_visitor{float: right;color: #3b4040;line-height: 39px;padding-right: 15px;padding-bottom: 1px;}
.header_visitor a{margin: auto 5px;color: #b0b0b0;}
.header_visitor a:hover{color: #ffffff;}
.header_visitor a:last-child{margin: auto 10px;}

/*标题导航*/
.nav{width: 1226px;margin:0 auto;height: 100px;font-family: "Arial";position: relative;}
.nav .brand{padding-top: 17px;float: left;}
.brand .brand_logo{background-image: url("../images/nav_logo.png");display:inline-block;width: 55px;height: 55px;margin: 5px 12px 6px 0;}
.brand .phone_gif{background-image: url("../images/pro.gif");display:inline-block;width: 163px;height: 66px;margin-right: 1px;}
.nav .title_nav{line-height: 100px;}
.nav .title_nav li{float: left;padding: 0 10px;font-size: 16px;color: #333333;cursor: pointer}
.nav .title_nav li:hover{color: #ff6700;}
.nav .ul_after{font-size: 16px;padding:0 10px;line-height: 100px;float: left;cursor: pointer;}
.nav .search{float: right;padding: 25px 0;position: relative;}
.search .search_input{width: 244px;height: 50px;border: 1px solid #e0e0e0;font-size: 12px;padding-left: 10px;line-height: 50px;border-right: none;box-sizing: border-box;}
.search .search_input:focus ~ .recommend{display: none;}
.search .search_icon{float: right; display: inline-block;width: 52px;height: 50px;background-image: url("../images/search_icon1.png");cursor: pointer;}
.search .search_icon:hover{background-image: url("../images/search_icon2.png");}
.search .recommend{position: absolute;top: 42px;right: 62px;}
.search .recommend a{font-size: 12px;padding: 3px 5px;background-color: #eeeeee;color: #757575;margin-left: 5px;float: left;line-height: 12px;}
.search .recommend a:hover{background-color: #ff6700;color: #fff;}
/*标题导航下拉*/

.nav_updown{width:100%;position: absolute;top: 140px;background-color: #fff;border-top:1px solid #e0e0e0;box-shadow:0 2px 5px #ccc;display: none;z-index: 1000;height: 230px;}
.down_ul{width: 1226px;margin: 0 auto;margin-top: 35px;display: none;}
.down_ul li{float: left;width: 16.66%;text-align: center;font-size: 12px;line-height: 12px}
.down_ul .down_image{border-right: 1px solid #e0e0e0;margin-bottom: 19px;}
.down_ul li:last-child .down_image{border: none;}
.down_ul .down_name{color: #4b4b4b;margin-bottom: 9px;}
.down_ul .down_money{color: #ff6700;margin-bottom: 33px;}



/*轮播图*/
.home{width: 1226px;margin: 0 auto;height: 460px;overflow: hidden;position: relative;}
.home .container{position: relative;}
.container .banner{width: 8582px;position: absolute;left: 0px;}
.container .banner img{float: left;}

/*轮播图列表*/
.home .banner_nav{position: absolute;left: 0;top:0;color: #fff;height: 460px;width: 234px;padding: 20px 0;}
.home .banner_nav_mask{position: absolute;left: 0;top:0;height: 460px;width: 234px;background-color: #000;opacity: 0.6;}
.home .banner_nav li{padding-left: 30px;font-size: 14px;height: 42px;line-height: 41px;}
.banner_nav li .right_icon{float: right;margin-top:13px;margin-right:24px;width: 8px;height: 12px;background-image: url("../images/right_icon.png")}
.banner_nav li:hover{background-color: #ff6700;}

/*列表弹出表格*/
.container_flex{position:absolute;left:234px;top:0;flex-direction: column;flex-wrap: wrap;background-color: #fff;height: 460px;padding: 2px 0;border-top: 1px solid #e0e0e0;display: none;box-shadow:0 2px 5px #888;}
.banner_nav li:hover .container_flex{display: flex;}
.container_flex div{padding: 18px 10px 18px 20px;background-color: #ffffff;width: 245px;height: 76px;box-sizing: border-box;color: #333333;}
.container_flex div .flex_pick{float: right;color:#ff6700;width: 58px;height: 22px;line-height: 22px;border: 1px solid #ff6700;text-align: center;font-size: 12px;margin-top: 7px;}

main{background-color: #0085d0;margin-top: 10px;height: 1000px;}




